﻿<!DOCTYPE HTML>

<html lang="pt-br">

<head>
      <title>Seja Bem Vindo...</title>
      <meta charset="UTF-8">
  	  <meta name="viewport" content="width=device-width, initial-scale=1.0">
	  <link href="css/bootstrap.css" rel="stylesheet">
      <link href="css/bootstrap-responsive.css" rel="stylesheet">
  	  <link href="css/stilo.css" rel="stylesheet">
      <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
      <!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
      <![endif]-->
  </head>

<body>
	<div class="container">
	<!-------------------------------------------------------Topo----------------------------------------->
		<section id="topo">
			<header class="row-fluid">	<!-- inicio da linha topo -->	
				<div class="span12">
				<!-- div que será ocultada caso seja um celular -->
					<div class="hidden-phone" >
						<figure>
							<img src="img/logo.png"  >
						</figure>
					</div>
				<!-- fim da div que será ocultada caso seja um celular -->
				
					<div class="visible-phone">
						<figure>
							<img src="img/logo-min.png"  >
						</figure>
					</div>
				
				</div>
			</header>	<!-- fim da linha topo -->	
		</section>	
		<!-------------------------------------------------Fim - Topo--------------------------------->		
		<!--------------------------------------------------Menu------------------------------------ --->	
		<section id="menu" >
			<div class="row-fluid">
			        <div class="span12">
					  <div class="navbar navbar-static-top">
						<div class="navbar-inner">
						  <div class="container">
							<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
							  <span class="icon-bar"></span>
							  <span class="icon-bar"></span>
							  <span class="icon-bar"></span>
							</button>
							<div class="nav-collapse collapse">
							  <ul class="nav">
								<li class="active"><a href="index.html">Inicial</a></li>
								<li><a href="#">Quem Somos</a></li>
								<li><a href="#">Serviços</a></li>
								<li class="dropdown">
								  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Menu DropDown <b class="caret"></b></a>
								  <ul class="dropdown-menu">
									<li><a href="inscricao1.html">Inscrição</a></li>
									<li><a href="abas.html">Conteúdo com Abas</a></li>
									<li><a href="blog.html">Nosso Blog</a></li>
								  </ul>
								</li>
							  </ul>
							  <form class="navbar-form pull-right">
								<input class="span2" type="text" placeholder="Email">
								<input class="span2" type="password" placeholder="Senha">
								<button type="submit" class="btn">Faça o Login</button>
							  </form>
							</div><!-- .nav-collapse -->
						  </div>
						</div>
					  </div>
					</div>
			</div><!-- fim da linha menu -->
		</section>
		<!-----------------------------------------------Fim do Menu--------------------------------------->


		<!------------------------------------------Inicio do Conteudo------------------------------------->
		<section>
			<div id="conteudo">
				<div class="row-fluid">
					<div class="span12">
						<div class="titulo">
							<p>Titulo</p>
						</div>
						<div class="bordas">
							<div>
								<p>Conteudo</p>
							</div>
						</div>
					</div>	
				</div>
			</div> <!-- Fim da linha conteudo -->
		</section><!-- ----------------------------------------fim do Conteudo----------------------------------- -->
		
		<section>
			<div id="rodape">
				<div class="row-fluid">
					<div class="span12">
						<div>
							<p>Rodape todos os direitos reservados.</p>
						</div>
					<div>	
				</div>	
			</div>
		</section>


	</div><!-- fim da div container -->

    <!-- Arquivos Javascripts ================================================== -->
    <script src="js/jquery-1.10.2.min.js"></script>
    <script src="js/bootstrap.min.js"></script>

</body>

</html>